document.querySelector('.logout-btn').addEventListener('click', function() {
    // 处理退出登录逻辑，例如清除本地存储的token等
    localStorage.removeItem('authToken');
    window.location.href = '/demo/login/login.html';
});

// 新增: 定义查询用户信息的函数
function fetchUserInfo() {
    // 发送 GET 请求到后端获取用户信息
    fetch('/api/user/info', {
        method: 'GET',
        headers: {
            'Authorization': 'Bearer ' + localStorage.getItem('authToken')
        }
    })
    .then(response => response.json())
    .then(data => {
        // 更新页面上的用户信息
        const nameElement = document.querySelector('.info h2');
        const phoneElement = document.querySelector('.info p');

        nameElement.innerText = data.name;
        phoneElement.innerText = '手机号：' + data.phone;

        // 新增: 限制显示时间
        setTimeout(() => {
            hidePartialInfo(nameElement, phoneElement);
        }, 5000); // 5秒后隐藏部分信息
    })
    .catch(error => {
        console.error('Error fetching user info:', error);
    });
}

// 新增: 隐藏部分信息的函数
function hidePartialInfo(nameElement, phoneElement) {
    const hiddenName = nameElement.innerText.slice(0, 1) + '***';
    const hiddenPhone = phoneElement.innerText.slice(0, 6) + '****';

    nameElement.innerText = hiddenName;
    phoneElement.innerText = hiddenPhone;
}

// 新增: 在页面加载时调用 fetchUserInfo 函数
document.addEventListener('DOMContentLoaded', function() {
    fetchUserInfo();
});
